html, body ,a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

html, body {
  line-height: 1;
  color: #333;
  font-family: PingFang SC,"Microsoft YaHei";
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
}

input, textarea, keygen, select, button {
  font-family: PingFang SC,"Microsoft YaHei";
}

input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer;
  -webkit-appearance: none;
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.none {
  display: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:active{text-decoration:none}

.mr20{ margin-right: 20px;}
.mt30{ margin-top: 30px;}
.mr40{ margin-right: 40px;}

/****************************************************************/
body .el-message-box{
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 30px;

  width: 506px;
}


body .el-message-box__header{
  height: 60px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 20px 20px 0px 0px;
  padding-top: 0px;
  padding-bottom: 0;
  background: #55E4C2;
  line-height: 60px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}
body .el-message-box__title{
  font-size: 22px;
  color: #FFFFFF;
  padding-left: 30px;
  line-height: 60px;
}
body .el-message-box__headerbtn {
  text-indent: 1000px;
  position: absolute;
  top:  20px;
  right: 25px;
  padding: 0;
  border: none;
  outline: 0;
  background: 0 0;
  font-size: 16px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url(/static/img/close48.png) no-repeat center;
  background-size: 30px auto;
}
body .el-message-box__content{
  height: 60px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 40px;
  color: #222222;
  margin-bottom: 30px;
}
body .el-message-box__message p {
  margin: 0;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #222222;
}

body .el-button--primary.is-active, body .el-button--primary:active {
  background: #55E4C2;
  border-color: #55E4C2;
  color: #FFF;
}
body .el-button--primary:focus,  body  .el-button--primary:hover {
  background: #55E4C2;
  border-color: #55E4C2;
  color: #FFF;
}
body .el-button:active {
  color: #FFFFFF;
  border-color: #55E4C2;
  outline: 0;
}
body .el-button:focus, body  .el-button:hover {
  color: #FFFFFF;
  border-color: #55E4C2;
  background-color: #55E4C2;
}

body .el-button--primary {
  width: 100px;
  height: 46px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 6px;
  color: #FFF;
  background-color: #55E4C2;
  border: 0px;
  font-size: 22px;
}
body .el-message-box__btns {
  padding: 5px 15px 0;
  text-align: center;
  margin: 10px;
}
body  .v-modal {
  position: fixed;
z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .1;
  background: #000;
}

.container {
  width: 100%;
  height: 100vh;
  min-height: 1080px;
  background: url(/static/img/bg.png) no-repeat center;
  background-size: 100% 100%;
}

body .el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding:  6px 22px;
  height: 36px;
  background: #55E4C2;
  border-radius: 6px;
  font-size: 18px;
  color: #FFFFFF;
}
body .el-buttonbody .el-button--info {
  color: #FFF;
  background-color: #a8f2e0;
  border-color: #a8f2e0;
}

body .el-radio__input.is-checked   .el-radio__inner {
  border-color:  #55E4C2;
  background: #55E4C2;
}
body .el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body .el-radio__input.is-checked+  .el-radio__label {
  color: #222222;
}


body .el-select-dropdown.is-multiple   .el-select-dropdown__item.selected {
  color: #55E4C2;
  background-color: #FFF;
}
body .el-select-dropdown__item.selected {
  color: #55E4C2;
  font-weight: 700;
}
body .el-select body .el-input.is-focus   .el-input__inner {
  border-color: #55E4C2;
}

body .el-input__inner:focus{
  border-color: #55E4C2;
}

body .el-input__inner:hover {
  border-color: #55E4C2;
}
body .el-textarea__inner:hover {
  border-color: #55E4C2;
}

body .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  line-height: 70px;
  vertical-align: top;
}
body .el-upload-list--picture-card   .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  margin: 0 8px 8px 0;
  display: inline-block;
}

.page-area{ text-align: right; margin :15px 0px; display: inline-block; float: right;}
.el-pagination{ display: inline-block; padding: 0px;}
.fl{ float: left;}
.fr{ float: right;}
.btn-home,.btn-last{
  display: inline-block; border: 0px;
  padding: 0 4px;
  font-size: 13px;
  min-width: 35.5px;
  height: 26px;
  line-height: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin: 0 5px;
  color: #606266;
  min-width: 30px;
  border-radius: 2px;
  background-color: #f4f4f5;
}
  .el-pagination.is-background .el-pager li:not(.disabled).active {
  background: #55E4C2;}
/************************************************/
.main-center{
  width: 1252px;
  height: 988px ;
  margin: 10px auto;
  display: block;
}
.main-left{
  width: 1040px;
  height: 100%;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 6px;
  float: left;
}
.main-right{
  width: 200px;
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.w160{ width: 94px;}
.main-center2{
  width: 1252px;
  height: 988px;
  margin: 10px auto;
  display: block;
  padding-bottom: 20px;
}
.main-left2{
  width: 1146px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 6px;
  float: left;
}
.main-right2{
  width: 94px;
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.con2{ padding: 30px 29px; }
.main-right .con-menu{
  width: 200px;
  height: 66px;
  background: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-right .con-menu2{
  margin-bottom: 12px;
  width: 94px;
  height: 66px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
}

.main-right .con-menu  .menu-img{   float: left;  text-align: center; margin: 10px 0  5px 0; }
.main-right .con-menu .menu-img img{ height: 40px; width:40px; }
.main-right .con-menu  .menu-item{
  font-size: 16px;
  margin: 20px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 37px;
  color: #222222;
  text-align: center;
}


.main-right .con-menu2 .menu-img{ height: 24px;  text-align: center; margin: 10px 0  5px 0; }
.main-right .con-menu2 .menu-img img{ height: 24px; }
.main-right .con-menu2 .menu-item{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 22px;
  color: #222222;
  text-align: center;
}



.main-right .con-menu3 .menu-img{ height: 48px;  text-align: center; margin: 10px 0  5px 0; }
.main-right .con-menu3 .menu-img img{ height: 48px; width:48px; }
.main-right .con-menu3 .menu-item{
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 37px;
  color: #222222;
  text-align: center;
}



.main-right2 .con-menu{
  width: 200px;
  height: 66px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
  margin-bottom: 12px;
  display: flex; justify-content: center; align-items: center;
}
.main-right2 .con-menu2{
  margin-bottom: 12px;
  width: 94px;
  height: 66px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
}

.main-right2 .con-menu  .menu-img{ height: 40px; float: left;  text-align: center; margin: 10px 0  5px 0; }
.main-right2 .con-menu .menu-img img{ height: 40px; width:40px; }
.main-right2 .con-menu  .menu-item{font-size: 16px; margin: 20px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 37px;
  color: #222222; text-align: center;}


.main-right2 .con-menu2 .menu-img{ height: 24px;  text-align: center; margin: 10px 0  5px 0; }
.main-right2 .con-menu2 .menu-img img{ height: 24px; width:24px; }
.main-right2 .con-menu2 .menu-item{font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #222222; text-align: center;}



.main-right2 .con-menu3 .menu-img{ height: 48px;  text-align: center; margin: 10px 0  5px 0; }
.main-right2 .con-menu3 .menu-img img{ height: 48px; width:48px; }
.main-right2 .con-menu3 .menu-item{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 37px;
  color: #222222;
  text-align: center;
}

.red{ color: #FF0000;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.t-title{
  border-bottom: 1px solid #DDDDDD;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 66px;
  color: #222222;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 60px;
}
.bor-b{ border-bottom: 1px solid #DDDDDD;}
.bor-b6{ border-bottom: 4px solid #DDDDDD;}
.conn{ padding: 30px 120px;}
.nav-menu{ }
.nav-menu li{
  width: 112px;
  height: 54px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 40px;
  color: #222222;
  float: left;
  margin-right: 128px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.nav-menu li.cur{
  font-weight: bold;
  color: #222222;}
.nav-menu li i{
  width: 60px;
  height: 10px;
  display: inline-block;
  background: none;
  margin-top: 4px;
}
.nav-menu li.cur i{
  background: linear-gradient(90deg, #55E4C2 0%, rgba(85, 228, 194, 0.2) 100%);
  opacity: 1;
  border-radius: 5px; }

/******************/
.form-area{ width: 100%; margin-top: 30px;}
.form-area li{ width: 100%; clear: both; min-height: 56px;line-height: 56px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.form-area .tit{ width: 120px; float: left;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;}
.form-area .r-text{ width: 300px;
  color: #777777;
  float: left;}


.form-area .r-text .el-select{
  width: 300px;
}


.form-area{ width: 100%;}
.form-area .r-text .act{  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #55E4C2; cursor: pointer; }


.myDig{
  position: fixed;
z-index: 10; left: 50%; top: 50%; margin-left: -230px; margin-top: -160px;
  width: 460px;
  min-height: 320px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  opacity: 1;
  border-radius: 10px;
}
.myDig .title{
  text-align: center;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 100px;
  height: 100px;
  color: #222222; position: relative;}
.myDig .title .closed{ position: absolute; top: 24px; right: 24px; height: 23px; line-height: 53px; cursor: pointer;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;}

.myDig .cont{ padding: 20px 30px; text-align: center;}
.myDig .cont li{min-height: 40px; position: relative; }

.myDig .cont input{
  height: 50px; margin-bottom: 10px; padding-left: 30px;
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  font-size: 18px;
  border-radius: 25px;
}
.botact{ display: flex; justify-content: space-between;}

.myDig .send-code{ position: absolute;right: 5px;top: 5px; padding: 0 10px;
  height: 40px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 25px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;}

/***left****/
.r-fix-menu{
  position: fixed;
z-index: 10;right: 0px;top: 40%;
  width: 36px;
  height: 100px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 20px 0px 0px 20px;
  display: flex; justify-content: center;align-items: center;
  letter-spacing: 12px;
}
.r-fix-menu .sp{
  width: 10px;  padding-right: 10px; display: block;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #222222;
  cursor: pointer;
}


.r-fix-menu2{
  position: fixed;
z-index: 10;
  right: 0px;
  top: 40%;
  width: 208px;
  height: 176px;
  background: #FFFFFF;
  border-radius: 20px 0px 0px 20px;
  text-align: center;
}
.r-fix-menu2 h3{
  padding: 20px 0;
  height: 22px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #222222;
}
.r-fix-menu2 .download{
  width: 120px;
  height: 36px;
  background: #55E4C2;
  border-radius: 30px;
  display: block;
  margin: 30px auto;
  line-height: 36px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
cursor: pointer;
}
.r-fix-menu2 p{
  height: 17px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #777777;
}
.filter{ margin-top: 10px;}
.filter dl{ clear: both; margin-top: 10px; display: inline-block; width: 100%;}
.filter dt{
  height: 36px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 36px;
  color: #222222;
  float: left;
  text-align: right;
}
.filter dd{
  width: auto;
  display: inline-block;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 26px;
  color: #222222;
  float: left;
   padding: 0 10px;
  margin-top: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.filter dd.cur{
  height: 26px;
  background: #55E4C2;
  border-radius: 6px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.c-list{ display: inline-block;width: 100%; }
.c-list li{
  width: 208px;
  height: 210px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); float: left;
  margin-top: 20px;
  margin-right: 12px;
}
.w1240 .c-list li:nth-child(5n){ margin-right: 0px;}
.c-list li img{width: 208px;
  height: 140px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 10px 10px 0px 0px;}
.c-list li  p{ padding:5px 10px; }
.c-list li .tit{ font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #222222;}
.collect{ background:  url("/static/img/icon-collect.png") no-repeat left center; padding-left: 20px;font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #222222; }
.collect.cur{  background:  url("/static/img/icon-collect2.png") no-repeat left center;}

.viewnum{  background:  url("/static/img/icon-viewnum.png") no-repeat left center; padding-left: 15px; font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #777777;}
.collectnum{  background:  url("/static/img/icon-collectnum.png") no-repeat left center; padding-left: 15px;font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #777777;}
.type1{ background:  url("/static/img/icon-1-type.png") no-repeat left center; padding-left: 15px; font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #777777;}
.type2{ background:  url("/static/img/icon-2-type.png") no-repeat left center; padding-left: 15px; font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #777777;}
.type3{ background:  url("/static/img/icon-1-type.png") no-repeat left center; padding-left: 15px; font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #777777;}


.video-play-dig{width: 1338px;
  height: 970px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 28px;
  margin: 0px auto;
  position: relative;
}
.video-play-dig .title{
  width: 1338px;
  height: 60px;
  background: #55E4C2;
  border-radius: 28px 28px 0px 0px;
}
.video-play-dig .title{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  color: #FFFFFF;
}
.video-play-dig .title span{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  color: #FFFFFF;
  margin-left: 56px;
  margin-right: 70px;
}

.viewnum2{  background:  url("/static/img/icon-viewnum2.png") no-repeat left center; padding-left: 15px; font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #FFFFFF;}
.collectnum2{  background:  url("/static/img/icon-collect22.png") no-repeat left center; padding-left: 15px;font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #FFFFFF;}


.type-r{
  position: absolute; right: -2px; top: 100px; background: rgba(255, 255, 255, 0.7); padding-left: 15px; width: 65px;
  height: 32px;
  border-radius: 0px 0px 0px 14px;
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 32px;
  color: #777777;}
.video-play-dig .cont .type-r img{
  width: 12px; height: 12px;
   }

.video-play-dig  .title .closed {
  margin: 0px;
  position: absolute;
  top: 24px;
  right: 15px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
}
.video-play-dig  .cont{
  width: 1338px;
  height: 886px;
  background: rgba(0, 0, 0, 0);
  border-radius: 0px 0px 28px 28px;
}

.video-play-dig  .cont img{
  width: 1338px;
  height: 886px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 0px 0px 28px 28px;
}


.act-area{}
.act-area .huifu{
  background:  url("/static/img/huifu.png") no-repeat left center;
  padding-left: 35px;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
  color: #222222;
  margin-right: 42px;
}
.act-area .quxiao{
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
  color: #222222;
  padding-left: 42px;
  border-left: 1px solid #DDDDDD;
}
.act-area .clearall{
  background: #55E4C2  url("/static/img/qingkong.png") no-repeat 20px 50%; padding-left: 40px;
  width: 130px;
  height: 36px;
  opacity: 1;
  border-radius: 8px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 36px;
  color: #FFFFFF;
}
.reslist{}
.reslist .chk{ width: 28px; height: 28px; margin-right: 20px; margin-top: -5px; }
.reslist li{
  border-bottom: 1px solid #DDDDDD;
  line-height: 87px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  clear: both;
}

.reslist li .file{
  float: left;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  background:  url("/static/img/file.png") no-repeat  0px 50%; padding-left: 45px;
}
.reslist li .date{
  float: right;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
}
.tip{
  background: #F5F5F5  url("/static/img/tip.png") no-repeat 10px 50%;
  padding-left: 40px; padding-right: 20px;
  height: 51px; line-height: 51px; display: inline-block;
  border-radius: 6px;
}
.reslist .el-checkbox__input.is-checked .el-checkbox__inner, .reslist .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #ffffff  url("/static/img/checked.png") no-repeat;
  background-size: 20px auto;
  width: 20px;
  height: 20px;
  border-color: #ffffff;
}
.reslist .el-checkbox__inner::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  left: 4px;
  position: absolute;
  top: -11px;
}
.reslist .el-checkbox__inner {
  border: 1px solid #707070;
  border-radius: 14px;
  width: 20px;
  height: 20px;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #55E4C2;
  border-color: #55E4C2;
}
.el-checkbox__inner:hover {
  border-color: #777777;
}

.form-add{ margin-top: 10px;}
.form-add dl{ clear: both; margin-top: 10px; display: inline-block; width: 100%;}
.form-add dt{
  width: 120px;
  height: 36px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 36px;
  color: #222222;
  float: left;
  text-align: right;
}
.form-add dd{
  width: auto;
  display: inline-block;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 26px;
  color: #222222;
  float: left;
  padding: 0 10px;
  margin-top: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.filter dd.cur{
  height: 26px;
  background: #55E4C2;
  border-radius: 6px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.tx-c{ text-align: center;}
.select-list{ margin-top: 20px; display: inline-block; height: 600px;}
.select-list li{
  position: relative;
  width: 140px;
  height: 150px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 6px;
  float: left;
  margin-right: 14px;
  margin-bottom: 28px;
}
.select-list li:nth-child(6n){
  margin-right: 0px;
}
.select-list .del{
  position: absolute;
  top:-10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #CCCCCC  url("/static/img/icon-close.png") no-repeat center center;
  border-radius: 50%;
}
.select-list .pic{
  width: 140px;
  height: 110px;
  background: rgba(0, 0, 0, 0);
  border-radius: 6px;
}
.select-list .pic img{
  width: 140px;
  height: 110px;
  border-radius: 6px;
}

.select-list .tit{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 38px;
  color: #777777;
  text-align: center;
}




.selectChapter{
  width: 1252px;
  height: 720px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  background: #FFFFFF;
  margin: 0px auto;
  position: relative;
  border-radius: 20px ;
}
.selectChapter .title{
  width: 1252px;
  height: 60px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 20px 20px 0px 0px;
}
.selectChapter .title{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  color: #FFFFFF;
}
.selectChapter .title span{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  color: #FFFFFF;
  margin-left: 56px;
  margin-right: 70px;
}


.selectChapter .title .closed {
  margin: 0px;
  position: absolute;
  top: 15px;
  right: 40px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
}
.title .closed img{
  width: 22px;
}
.selectChapter .cont{
  width: 100%;
  height: 600px;
  background: rgba(0, 0, 0, 0);
  border-radius: 0px 0px 28px 28px;
}


.selectChapter .cont .m-left{
  width: 240px; height: 100%;
   border-right: 1px solid #DDDDDD;
  overflow: hidden;
  float: left;
}

.selectChapter .cont .m-left .tit{
  width: 240px;
  height: 48px;
  background: #F5F5F5  url("/static/img/uparrow.png") no-repeat 90% 50%;
  padding-left: 55px;
  line-height: 48px;
    font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
}

.selectChapter .cont .m-left  li{
  width: 240px;
  height: 48px;
  background: #FFFFFF;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 48px;
  color: #222222;
  padding-left: 60px;
}

.selectChapter .cont .m-left li.cur{
  width: 240px;
  height: 48px;
  background: #F1FFFC;
  border-right: 6px solid #55E4C2;
}

.m-right{ float: right; width: 1011px;}
.sel-c{ margin-top: 30px; min-height: 500px; display: inline-block;}
.sel-c dl{ clear: both; margin-bottom: 20px; display: inline-block;}
.sel-c dt{
  height: 35px;float: left; width: 120px; padding-left: 30px;

  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 35px;
  color: #222222;}
.sel-c dd{
  float: left;
  font-size: 25px;
  width: 860px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 35px;
  color: #222222;
}
.sel-c dd a{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 34px;
  height: 34px;
  color: #222222;
  display: inline-block; padding: 0 10px;
}
.sel-c dd a.cur{
  background: #55E4C2;
  opacity: 1;
  border-radius: 8px;
color: #FFFFFF;
}
.m-right .botact{ width: 300px; margin: 30px auto;}
.botact .cancel{
  width: 100px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #707070;
  opacity: 1;
  border-radius: 8px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;
}
.botact .sure{
  width: 100px;
  height: 36px;
  background: #55E4C2;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  border-radius: 6px;
  border: 0;
}

.arrow-right{ position: fixed;
z-index: 10; top: 50%; left: 0; width: 40px; height: 100px;
  background: #F5F5F5  url("/static/img/arrow-right.png") no-repeat  0% 50%; background-size: 100% auto;
}

.bhDig{
  width: 950px;
  height: 942px;
  background: #FFFFFF;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
  opacity: 1;
  border-radius: 0px 20px 20px 0px; position: absolute; left: 0px; top: 104px;
}
.bhDig .form-add {
  padding: 30px 0 0 70px;
}
.bhDig  .select-list{ padding-left: 30px;}

.selectChapter .cont .m-left2{
  width: 1040px;
  height: 588px;
  background: #DDDDDD;
  opacity: 1;
  border-radius: 0px 0px 8px 8px;
  float: left;
}

.selectChapter .cont .m-right2{
  width: 212px;
  height: 100%;
  background: #FFFFFF;
  float: right;
}
.m-right2 h3{
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 35px;
  color: #222222;
  padding: 14px; text-align: center;
}
.m-right2 p{
  height: 46px;
  background: #55E4C2;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 46px;
  color: #FFFFFF;
}
.m-right2 ul li {
  width: 212px;
  height: 46px;
  background: #FFFFFF;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 46px;
  color: #222222;
  padding-left: 28px;
}
.m-right2 .el-checkbox{
 padding-right: 10px;
}
.m-right2 ul li.cur{
  background: #F1FFFC;
}

.m-left2{}
.m-left2 li.cur{
  background: #55E4C2;
  border: 1px solid #55E4C2;
  float: left;
}
.m-left2 li{
  width: 115px;
  height: 36px;
  line-height: 36px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  text-align: center;
  float: left;
}
.m-left2 li.fr{
  float: right;
}

.bor-r{border-right: 1px solid #DDDDDD;}

.baseAct{width: 600px; margin:  0px auto;  text-align: center; }
.baseAct .cancel{
  width: 88px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #707070;
  opacity: 1;
  border-radius: 6px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;
  margin-right:  69px;
}
.baseAct .sure{
  margin-right: 40px;
  margin-left: 40px;
  width: 88px;
  height: 36px;
  background: #55E4C2;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  border-radius: 6px;
  border: 0;
}

.title h3.cur{
  width: 180px;
  height: 60px;
  display: inline-block;
  background: #FFFFFF;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #55E4C2;
  opacity: 1;
  border-radius: 28px 28px 0px 0px; float: left;}
.title h3{
  width: 253px;text-align: center;
  height: 60px; line-height: 60px;  float: left;}

.m-left3{
  width: 240px;
  height: 100%;
  background: #FFFFFF;
  float: left;
}
.m-center3{
  width: 792px;
  height: 588px;
  background: #DDDDDD;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-center33{
  width: 1032px;
  height: 588px;
  background: #DDDDDD;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-center44{width: 1423px;
  height: 826px;
  background: #DDDDDD;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-right3{
  width: 220px;
  height: 100%;
  float: right;
  background: #FFFFFF;
}



.m-left3 .tit{
  height: 46px;
  padding-left: 55px;
  line-height: 48px;
    font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
  background: #F5F5F5;
}
.m-left3 .tit.cur{
  background: #F5F5F5  url("/static/img/uparrow.png") no-repeat 90% 50%;
}

.m-left3  li{
  height: 46px;
  background: #FFFFFF;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 46px;
  color: #222222;
  padding-left: 66px;
}

.m-left3  li.cur{
  background: #F1FFFC;
  border-right: 6px solid #55E4C2;
}


.m-right3 h3{
  font-size: 25px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 35px;
  color: #222222;
  padding: 14px; text-align: center;
}
.m-right3 p{
  height: 48px;
  background: #55E4C2;
  text-align: center;
  color: #FFFFFF;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 48px;
  color: #FFFFFF;
}
.m-right3 ul li {
  clear: both;
  height: 48px;
  background: #FFFFFF;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 65px;
  color: #222222;
  padding-left: 28px;

  border-right: 6px solid #ffffff;
}
.m-right3 .el-checkbox{
  padding-right: 10px;
}
.m-right3 ul li.cur{
  background: #F1FFFC;
  border-right:  6px solid #55E4C2;;
}


.m-right3 ul li .fr{
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 65px;
  margin-right: 10px;
  color: #777777;
}

.szy{
  padding: 28px;
}
.fh{
  width: 281px;
  height: 56px;
  background: #55E4C2;
  border-radius: 8px;
  text-align: center; line-height: 56px;
  font-size: 25px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 56px;
  color: #FFFFFF;
}
.fh img{ margin-right: 5px; width: 22px;}

.szy li{
  width: 309px;
  height: 70px;
  background: #FFFFFF;
  padding-left: 0px;
  margin-top: 14px;
  line-height: 70px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
  overflow: hidden;
}
.szy li.cur,.szy li:hover{
  background: #F1FFFC;
}

.szy li img{
  width: 98px;
  height: 70px;
  background: #FFFFFF;
  border: 1px solid #707070;
  float: left; margin-right: 10px;
}

.list-area{ padding: 10px 30px;}
.fi-search{ padding: 0 30px;}
.fi-search .search-inp{ width: 223px; float: left; margin-left: 20px;}
.fi-search  .el-button { margin-left: -5px;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 0px 30px;
  height: 40px;
  background: #55E4C2;
  color: #FFFFFF;
  line-height: 37px;
}
.file-list{ clear: both; margin-top: 20px; display: inline-block; height: 780px;}
.file-list li{
  width: 160px;
  height: 230px; float: left;margin-right: 12px;
}
.file-list li:nth-child(7n){
 margin-right: 0px;
}
.file-list li img{
  width: 160px;
  height: 130px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 6px;
}
.file-list li p{
  text-align: center;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #222222;
}

.group-r {
  position: absolute;
  right: -2px;
  top: 180px;
  width: 101px;
  height: 36px;
  line-height: 36px;
  padding-left: 35px;
  background: #F5F5F5;
  border: 1px solid #DDDDDD;
  border-radius: 14px 0px 0px 14px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
  background: #F5F5F5  url("/static/img/group-1.png") no-repeat 10px 50%;
}

.upload-r {
  position: absolute;
  right: -2px;
  top: 240px;
  width: 101px;
  height: 36px;
  line-height: 36px;
  padding-left: 35px;
  background: #F5F5F5;
  border: 1px solid #DDDDDD;
  border-radius: 14px 0px 0px 14px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
  background: #F5F5F5  url("/static/img/group-2.png") no-repeat 10px 50%;
}

.process{
  position: absolute; left: 0px;top: 0px;
  width: 10%;
  height: 10px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 14px;
}

.step{
  width: 223px;
  height: 10px;
  background: #F5F5F5;
  margin-top: 10px;
  border-radius: 14px; position: relative;
}

.uploadDig{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 647px;
  height: 548px;
  margin-top: -323px;
  margin-left: -274px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
}

.uploadDig .title{
  width: 647px;
  height: 60px;
  background: #55E4C2;
  padding-left: 50px;
  text-align: left;
  border-radius: 20px 20px 0px 0px;
}
.uploadDig  .cont {
  padding: 20px 80px;
  text-align: center;
  height: auto;
}
.uploadDig  .space-tj{
  text-align: left; margin-top: 30px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 31px;
  color: #AAAAAA;
}
.uploadDig  .space-tj label{
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.step {
  width: 100%;
  height: 10px;
  background: #F5F5F5;
  margin-top: 10px;
  border-radius: 14px;
  position: relative;
}
.uploadDig li{ text-align: left;}

.upfile{
  width: 135px;
  height: 37px;
  background: #AAAAAA  url("/static/img/add.png") no-repeat 10px 50%; padding-left: 20px;
  border-radius: 6px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 37px;
  color: #FFFFFF;
  border: 0;
}
.uploadDig ul{ height: 200px;}
.width100{ width: 100%;}
.width100 .cancel{ margin-right: 10px;}
.width100 .sure{  margin-right: 10px;}

.groupDig{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1040px;
  height: 670px;
  margin-top: -330px;
  margin-left: -520px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
}

.groupDig .title{
  width: 100%;
  height: 60px;
  background: #55E4C2;
  padding-left: 50px;
  text-align: left;
  border-radius: 20px 20px 0px 0px;
}
.groupDig  .cont {
  padding: 20px 80px;
  text-align: center;
  height: auto;
}
.groupDig  .new-group{
  width: 146px;
  height: 36px;
  background: #55E4C2  url("/static/img/add2.png") no-repeat 10px 50%; padding-left: 20px; background-size: 34px auto;
  opacity: 1;
  border-radius: 8px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 36px;
  color: #FFFFFF;
  cursor: pointer;
}
.groupDig  .edit{
  margin-top: 17px;
  width: 84px;
  height: 36px;
  line-height: 36px; text-align: center;
  background: #55E4C2;
  opacity: 1;
  border-radius: 8px;
  float: left;
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.groupDig  .del{
  margin-top: 17px;
  width: 84px;
  height: 36px;
  line-height: 36px; text-align: center;
  background: #F6402B;
  opacity: 1;
  border-radius: 8px;
  float: right;
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.groupDig  ul.grouplist{ margin-top: 28px; margin-left: -80px; margin-right: -80px; height: 410px;}
.groupDig  .grouplist li{ height: 60px; line-height: 60px; padding-left: 80px; padding-right: 80px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400; text-align: left;background: #F8F8F8;
  color: #222222;}
.groupDig  .grouplist li:nth-child(2n){background: #FFFFFF;}
.groupDig  .grouplist li a{ height: 60px; line-height: 60px;
  width: 690px;
  color: #222222; float: left}
.groupDig  .grouplist li{ height: 60px; line-height: 60px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400; text-align: left;
  color: #222222;}

.newGroupDig{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -323px;
  margin-left: -250px;
  width: 647px;
  height: 506px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 20px;
}

.newGroupDig .title{
  width: 100%;
  height: 60px;
  background: #55E4C2;
  padding-left: 50px;
  text-align: left;
  border-radius: 20px 20px 0px 0px;
}
.newGroupDig .cont{
  padding: 20px 50px;
  height: 300px;
}
.newGroupDig .cont .bt{
  height: 42px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #222222;
}
.newGroupDig .cont  li{
   margin-top: 30px;
}


.nav-tit{}
.nav-tit .mleft{ width: 400px; float: left;}
.nav-tit .mleft h1{ font-size: 22px; margin-bottom: 10px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #222222;}
.nav-tit .mleft p{ font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #777777;}
.nav-tit .mright{   float: right; position: relative;}
.nav-tit .mright img{ width: 24px;  margin-right: 42px; float: left;}
.nav-tit .mright .m-txt{width: 500px;}
.nav-tit .mright .ttp{
  z-index: 100;
  position: absolute; left: 20px; top: 40px;
  width: 225px;
  height: 127px;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  opacity: 1;
  border-radius: 6px;}

.nav-tit .mright .ttp p{
  width: 225px;
  height: 42px;
  background: #FFFFFF;
  padding-left: 22px;
  line-height: 42px;
  font-size: 14px;
  border-radius: 6px 6px 0px 0px;
}.nav-tit .mright .ttp p.cur{
   width: 225px;
   height: 42px;
   background: #F1FFFC  url("/static/img/selok.png") no-repeat 90% 50%; padding-left: 20px; background-size: 18px auto;
   opacity: 1;
   border-radius: 6px 6px 0px 0px;
 }

.nav-tit .mright .el-button {
  margin-left: -5px;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 0px 10px;
  height: 37px;
  background: #55E4C2;
  color: #FFFFFF;
  line-height: 37px;
}


.bkb-list{ margin-top: 20px;}
.bkb-list li{
  position: relative;
  width: 220px;
  height: 250px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  opacity: 1;
  border-radius: 8px; float: left; margin-right: 17px; margin-bottom: 28px;}
.bkb-list li .pic{
  width: 220px;
  height: 150px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 8px 8px 0px 0px;
}
.bkb-list li p{
  padding:2px 14px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #222222;
}

.bkb-list li p .tit{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 31px;
  color: #222222;
}


.step_task{
  position: fixed;
z-index: 10; right: 27px; bottom: 0;
  width: 230px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 14px 14px 0px 0px;
  padding: 5px 15px;
}
.step_task .do{ height: 10px; text-align: center; margin-bottom: 10px;  }
.step_task ul li{}
.step_task ul li {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 33px;
  color: #222222;
}
.step_task ul li.loading{
  background:   url("/static/img/loading.png") no-repeat 10px 50%; padding-left: 30px; background-size: 17px auto;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}

.step_task ul li.ok{
  background:   url("/static/img/ok.png") no-repeat 10px 50%; padding-left: 30px; background-size: 17px auto;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #1CC837;
}


.bkb-list-gr{
margin-bottom: 40px;
}
.bkb-list-gr li{
clear: both; margin-top: 14px; display: inline-block; width: 100%;
}
.bkb-list-gr .pic{
  width: 160px;
  height: 110px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 8px; float: left;}

.bkb-list-gr .txt{
  width: 800px;
  height: 110px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 8px; float: right;
margin-left: 20px;
}
.bkb-list-gr .txt .date{
  font-size: 12px;
  font-family: PingFang SC;
  color: #777777;
}

.bkb-list-gr .txt p{
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #222222;
  margin-bottom:  8px;
}
.bkb-list-gr .txt .tit{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #222222;
}

.bkb-list-gr .txt .txt-l{
  width: 200px; float: left;
}
.bkb-list-gr .txt .txt-r{
 text-align: right; float: right;
 }


.bkb-list-gr .txt .top{
  background:   url("/static/img/t-top.png") no-repeat 0px 50%; padding-left: 30px; background-size: 17px auto;
}
.bkb-list-gr .txt .edit{
  background:   url("/static/img/t-edit.png") no-repeat 0px 50%; padding-left: 30px; background-size: 17px auto;
}
.bkb-list-gr .txt .download{
  background:   url("/static/img/t-download.png") no-repeat 0px 50%; padding-left: 30px; background-size: 17px auto;
}
.bkb-list-gr .txt .delete{
  background:   url("/static/img/t-delete.png") no-repeat 0px 50%; padding-left: 30px; background-size: 17px auto;
}
.bkb-list-gr .txt .share{
  background:   url("/static/img/t-share.png") no-repeat 0px 50%; padding-left: 30px; background-size: 17px auto;
}

.commDig{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -323px;
  margin-left: -250px;

  width: 647px;
  height: auto; padding-bottom: 30px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 20px;
}

.commDig .title{
  width: 100%;
  height: 60px;
  background: #55E4C2;
  padding-left: 50px;
  text-align: left;
  border-radius: 20px 20px 0px 0px;
}
.commDig .cont{
  padding: 20px 50px;
  height: 300px;
}
.commDig .title{ text-align: left;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  height: 60px;
  color: #ffffff; position: relative;}
.commDig .title .closed{ position: absolute; top: 14px; right: 24px; height: 23px; line-height: 23px; cursor: pointer;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;}

body .commDig .cont{ padding: 20px 30px; height: auto; text-align: center; display: flex; justify-content: center;align-items: center; flex-direction: column;}

.tip-warn{
  background:   url("/static/img/tip-warn.png") no-repeat 0px 50%; padding-left: 60px; background-size: 50px auto;
  font-size: 39px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 56px;
  color: #222222;
}
.commDig .cont .tit{
  text-align: left; width: 100%;
  height: 42px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #222222;
}
.commDig .cont  p{
  width: 100%;
}


.selectDig{
   overflow: hidden;
  background: #FFFFFF;
  margin: 0px auto;
  position: relative;
  width: 1252px;
  height: 720px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.selectDig .title{
  height: 60px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 20px 20px 0px 0px;
  background: #55E4C2;
  opacity: 1;
}
.selectDig .title{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  color: #FFFFFF;
}
.selectDig .title span{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  color: #FFFFFF;
  margin-left: 56px;
  margin-right: 70px;
}


.selectDig .title .closed {
  margin: 0px;
  position: absolute;
  top: 15px;
  right: 56px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
}
.selectDig .title .closed img{
  width: 30px;
}
.selectDig .cont{
  width: 100%;
  padding: 5px 40px;
  height: 846px;
  background: rgba(0, 0, 0, 0);
  border-radius: 0px 0px 28px 28px;
}


.kc-list{ display: inline-block;width: 1700px; margin-right: -30px; height: 810px; padding-bottom: 10px; overflow-y: scroll; }
.kc-list li{
  width: 225px;
  height: 358px;
  background: #FFFFFF;

  border-radius: 6px; float: left;
  margin-top: 20px;
  margin-right: 17px;
  text-align: center;
}
.kc-list li:nth-child(7n){ margin-right: 0px;}
.kc-list li img{
  width: 225px;
  height: 318px;
  background: #FFFFFF;
  border-radius: 6px 6px 0px 0px;
}
.kc-list li  p{ padding:5px 10px; }
.kc-list li .tit{ font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #222222;}

.full-dig{ width: 100%; height: 100%; position: fixed;
z-index: 10;}
.full-dig .cont{ width: 100%; height: 100%; position: relative; }
.full-dig .cont img{ width: 100%; height: 100%; }

.arrow-r { position: absolute; top: 20%; left: 0; width: 56px; height: 141px;
  background: #F5F5F5  url("/static/img/arrow-right.png") no-repeat  0% 50%; background-size: 100% auto;
}
.arrow-l { position: absolute; top: 50%; right: 0; width: 56px; height: 141px;
  background: #F5F5F5  url("/static/img/arrow-left.png") no-repeat  0% 50%; background-size: 100% auto;
}

.arrow-ll { position: absolute; top: 50%; right: 0; width: 56px; height: 141px;
  background: #F5F5F5  url("/static/img/arrow-left1.png") no-repeat  0% 50%; background-size: 100% auto;
}

.page-count {
  position: fixed;
z-index: 10; bottom: 40px; right: 84px;
  width: 169px;
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 14px;
  font-size: 42px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 60px;
  color: #55E4C2; text-align: center;
}

.full-dig{ width: 100%; height: 100%; position: fixed;
z-index: 10;}
.full-dig .cont2{ width: calc(100% - 70px); height: 100%; position: relative; }
.full-dig .cont2 img{ width: 100%; height: 100%; }
.full-dig  .optArea{
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  position: fixed;
z-index: 10;
  right: 0;
  top: 0;
  width: 70px;
  height: 100%;
  background: #FFFFFF;
  padding: 48px 0;
}
.full-dig  .optArea span{ text-align: center;}
.full-dig  .optArea span{ text-align: center; cursor: pointer;}

.optMenu{
  padding-left: 28px;
  position: fixed;
z-index: 10;
  left: 0;top: 0;
  z-index: 100;
  width: 351px;
  height: 1079px;
  background: #FFFFFF;
}
.optMenu .arrow-l{
position: absolute; margin-right: -56px; top: 127px;
}
.optMenu li{
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  padding-left: 0px;
  margin-top: 14px;
  line-height: 70px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
  overflow: hidden;
}
.optMenu li.cur,.optMenu li:hover{
  background: #F1FFFC;
}

.optMenu li img{
  width: 98px;
  height: 70px;
  background: #FFFFFF;
  border: 1px solid #707070;
  float: left; margin-right: 10px;
}
.bt-tit{
  margin-top: 40px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 31px;
  color: #222222;
}
.optMenu p{
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 34px;
  color: #777777;
}
.type-name{ line-height: 42px; display: flex; justify-content: center;align-items: center;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #222222;
}
.type-name span{  margin :0 20px; margin-right: 5px;
}
.type-name  .kq-typ1{
  width: 42px;
  height: 42px;
  background: #55E4C2;
  border-radius: 50%;
  display: inline-block;
}
.type-name .kq-typ2{
  width: 42px;
  height: 42px;
  background: #F65151;
  border-radius: 50%;
  display: inline-block;
}
.type-name .kq-typ3{
  width: 42px;
  height: 42px;
  background: #777777;
  border-radius: 50%;
  display: inline-block;
}

.namelist{
 margin-top: 20px;
  height: 250px;
}
.namelist a{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #55E4C2;
  margin-right: 20px;
  padding-bottom: 20px;
  display: inline-block;
}
.namelist a.tag1{ color: #55E4C2;}
.namelist a.tag2{ color: #F65151;}
.namelist a.tag3{ color: #777777;}

.commDig .num-all{
  height: 42px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #222222;
  padding: 40px;
}
.commDig .name{
  padding: 40px;
  font-size: 56px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 79px;
  color: #222222;
}
.commDig  .cq{
  margin: 14px;
  border: 0;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  width: 108px;
  height: 51px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 8px;
}
.commDig  .qq{
  margin: 14px;
  border: 0;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  width: 108px;
  height: 51px;
  background: #F65151;
  opacity: 1;
  border-radius: 8px;
}
.left_arr{
  width: 84px;
  height: 60px;
  background: #FFFFFF  url("/static/img/left_arr.png") no-repeat  0% 50%;
  border-radius: 50%;
  position: absolute;
  left: 20px; top: 250px;
}
.right_arr{
  width: 84px;
  height: 60px;
  background: #FFFFFF  url("/static/img/right_arr.png") no-repeat  0% 50%;
  border-radius: 50%;
  position: absolute;
  right: 20px; top: 250px;
}

.xsmd {
  width: 141px;
  height: 48px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 8px 0px 0px 8px;
  position: absolute;
  right: -1px; top: 60px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 48px;
  color: #FFFFFF;
}
.yjqq{width: 141px;
  height: 48px;
  background: #F65151;
  opacity: 1;
  border-radius: 8px 0px 0px 8px;
  position: absolute;
  right:  -1px; top: 120px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 48px;
  color: #FFFFFF;
}

.dm-area{width: 876px; height:647px; margin-left: -438px;}
.chouda{
  width: 647px;
  height: 528px;
  margin-left: -323px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 20px;
}
.width100 .ml0{ margin-left: 0px;}
.stuname{
  padding-top:40px;font-size: 56px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 79px;
  color: #222222;
margin: 80px 0;}
.full-dig .cont img.go-cd{ width: 304px; margin-top: 30px;}


.time-area{
  width: 478px;
  height: 455px;
  margin-left: -239px;
  background: #FFFFFF;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
  border-radius: 28px;
}


.tit-mode{
  width: 188px;
  height: 39px;
  background: #FFFFFF;
  border: 1px solid #AAAAAA;
  margin: 10px auto;
  border-radius: 8px;
}
.tit-mode li.cur{
  width: 93px;
  height: 39px;
  background: #55E4C2;
  border: 1px solid #55E4C2;
  opacity: 1;
  border-radius: 8px 0px 0px 8px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.tit-mode li{ float: left;
  width: 93px;
  height: 39px;
  line-height: 39px; text-align: center;
  border-radius: 8px 0px 0px 8px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.time-area .closed{ position: absolute; top: 20px; right: 40px;}
{width: 141px;
  height: 51px;
  background: #FFFFFF;
  border: 1px solid #707070;
  opacity: 1;
  border-radius: 8px;}

.base_color{ color: #55E4C2;}
.act-do{ position: absolute; left: 0px;top: 160px;
  width: 309px;
  height: 46px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);}
.act-do .s_pic{ margin-left: 20px; margin-top: 10px;cursor: pointer;}


.act-do .tip-a i {

}

.act-do .tip-a{
  position: absolute; left: 30px;top: 30px;
  width: 76px;
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  opacity: 1;
  border-radius: 8px;
}
.btn-area{}
.nav-tit .mright .btn-area .el-button   { width: 101px; float: left;margin-left: 15px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  opacity: 1;
  border-radius: 8px;
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}


.stu-list{ margin-top: 20px;   margin-left: -29px; margin-right: -29px;}
.stu-list table{
  border: 0px;
  width: 100%;
}
.ml100{ padding-left: 50px;}
.stu-list th{
  text-align: center;
  height: 60px;
  line-height: 60px;
  border: 0;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
  background: #EEEEEE;}

.stu-list td{
  height: 60px;
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 60px;
  color: #222222;
}

.stu-list tr:nth-child(2n+1){background: #F8F8F8;}
.stu-list  .edit{
  margin-top: 15px;
  width: 84px;
  height: 36px;
  line-height: 36px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 8px;
  text-align: center;
  color: #ffffff;
  cursor:pointer;
  display: inline-block;
  margin: 0 10px;
}

.stu-list  .del{
  width: 60px;
  height: 36px;
  margin-top: 15px;
  line-height: 36px;
  background: #F6402B;
  opacity: 1;
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  cursor:pointer;
  display: inline-block;
  margin: 0 10px;
}

.w132{ width: 132px;}
.w1611{ width: 1611px;}

.addStuDig{
  width: 649px;
  margin-left: -324px;
}

.form-area{ width: 100%; margin-top: 30px;}
.form-area li{ width: 100%; clear: both; min-height: 56px;line-height: 56px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.form-area .tit-t{ width: 120px; float: left; text-align: right; padding-right: 20px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;}
.addStuDig .form-area .r-text{ width: 405px; text-align: left;
  color: #777777;
  float: left;}
.addStuDig .form-area li{
  margin-top: 10px;
}
.addStuDig .form-area  .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.my-c-list{ display: inline-block;width: 100%; }
.my-c-list li{ position: relative;
  width: 220px;
  height: 242px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 14px;
  background: #FFFFFF;
  float: left;
  margin-top: 20px;
  margin-right: 17px;
}
.my-c-list li:nth-child(5n){ margin-right: 0px;}
.my-c-list li img{  width: 220px;
  height: 154px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 14px 14px 0px 0px;}


.my-c-list li  .jk{
  position: absolute; right: 6px; top: 124px;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  width: 43px;
  height: 20px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}

.my-c-list li  p{ padding:4px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;
}
.my-c-list li .tit{ font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 25px;
  color: #222222;}

.r-xcx{
  position: fixed;
z-index: 10;right: 0px; top: 50%;
  width: 56px;
  height: 247px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 28px 0px 0px 28px;
  display: flex; justify-content: center;align-items: center;
  letter-spacing: 12px;
}
.r-xcx .sp{
  width: 10px;  padding-right: 10px; display: block;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #222222;
  cursor: pointer;
}
.mt50{ margin-top: 50px;}
.train-con{ width: 100%; margin: 0 auto;  }


.t-tit h3{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #222222;
  float: left;
}
.price{font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F62B2B;}
.train-con-list{
  width: 1252px;
  border-radius: 5px; margin-top: 20px; padding: 40px; padding-bottom: 10px; display: inline-block;
  height: auto;
  background: #FFFFFF; }
.t-tit .arrow-rr{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #222222;
  float: right;
  background:   url("/static/img/arrow-rr.png") no-repeat 100% 50%; padding-right: 20px; background-size: 13px auto;

  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;
}
.container2 {
  width: 100%;
 height: 100%;
  min-height: 900px;
  background: url(/static/img/bg.png) no-repeat center;
  background-size: 100% 100%;
}

.baom{

  width: 60px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #55E4C2;
  border-radius: 6px;
  text-align: center;
  margin-top: -8px;
  background: #FFFFFF;
  border: 1px solid #55E4C2;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #55E4C2;
}
.baom.cur{
  text-align: center;
  margin-top: -8px;
  width: 60px;
  height: 24px;
  background: #DDDDDD;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  border: 1px solid #DDDDDD;
  color: #FFFFFF;
}


.train-con .banner{
  width: 828px;
  height: 356px;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  border-radius: 28px; float: left; overflow: hidden;}

.train-con .train-gg{
  width: 412px;
  height: 356px;
  float: right;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 28px;
overflow: hidden;
}

.banner .el-carousel__container{
  width: 1164px;
  height: 500px;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}

.el-carousel__indicators--outside{   z-index: 100; position: relative; left: 0; bottom:40px;}
.el-carousel__indicator--horizontal.is-active {
  display: inline-block;
  padding: 12px 4px;
}
.banner .el-carousel__indicators--outside   button {
  background-color: #FFFFFF;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 7px;
}
.banner .el-carousel__indicator--horizontal.is-active button{
  background-color: #FFFFFF;
  width: 42px;
  height: 14px;
  background: #FFFFFF;
  border-radius: 7px;
}

.train-gg{ padding: 22px; }
.train-gg .t-tit{ display: inline-block; width: 100%;}
.gglist{ clear: both; margin-top: 15px;}
.gglist li{ clear: both; margin-top: 15px;}
.gglist li h3{
  font-weight: 400;
  line-height: 35px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 25px;
  color: #222222;}
.gglist li p{ font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #777777;}


.study-c-list{ width: 100%; clear: both;
}

.study-c-list li{ width: 100%;clear: both; display: inline-block; border-bottom: 1px solid #F5F5F5; padding: 28px 0;
}

.study-c-list li .pic{
  width: 160px;
  height: 116px;
  background: rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  border-radius: 14px;
  float: left;
}

.study-c-list li .name{
  padding:0 27px;
  width: 347px; display: flex; justify-content: left; align-items: center;

  height: 163px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #222222;
  float: left;
}
.study-c-list li .step-pro{
  width: 500px;
  height: 163px;
  float: left;
  display: flex; justify-content: left; align-items: center;
}

.study-c-list li .act-f{
  float: right;
}
.study-c-list li  .step{
 width: 85%; margin-right: 10px;
}

.study-c-list li .act-f{width: 96px;
  height: 163px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.study-c-list li .act-f .act{width: 96px; margin: 5px 0;
  height: 42px;
  background: #55E4C2;
  display: inline-block;
  line-height: 42px;
  text-align: center;color: #FFFFFF;
  border-radius: 8px;}




.r-xcx2{
  position: fixed;
z-index: 10;right: 0px;top: 50%;
  width: 169px;
  height: 247px;
  background: #FFFFFF;
  box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.3);
  opacity: 1;
  border-radius: 28px 0px 0px 28px;
  text-align: center;
}
.r-xcx2 h3{
  padding: 30px 0;
  height: 22px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #222222;
}
.r-xcx2 .download{
  width: 120px;
  height: 36px;
  background: #55E4C2;
  border-radius: 30px;
  display: block;
  margin: 30px auto;
  line-height: 36px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
}
.r-xcx2 p{
  height: 17px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #777777;
}

.study-c-info{ margin-top: 30px; clear: both; border-bottom: 6px solid  #F5F5F5; display: inline-block; width: 100%; padding-bottom: 28px; }
.study-c-info .pic{
  width: 220px;
  height: 160px;
  background: rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 14px;
  float: left;}
.study-c-info .info-txt{ float: right; width: 920px;}
.study-c-info .info-txt h3{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #222222;}
.study-c-info .info-txt p { margin-top: 22px;font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;}
.study-c-info .info-txt .price{font-size: 28px;
  font-family: PingFang SC;
  line-height: 65px;
  font-weight: bold;
  color: #F62B2B;}
.study-c-info .info-txt .price b{font-size: 18px; }
.study-c-info .info-txt .m-act{ margin-top: 30px;}
.study-c-info .info-txt .baom{
  width: 120px;
  height: 46px;
  border-radius: 6px;
  background: #55E4C2;
  line-height: 46px;font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.train-list{ height: auto; clear: both; width: 100%;}
.train-list li{ height: 42px; line-height: 72px; clear: both; width: 100%;
  font-size: 25px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.train-list .pic{ cursor: pointer;  float: left; width: 24px;
  height: 24px; margin-right: 30px; margin-top: 18px;}
.train-list .fl-name{ float: left; width: 400px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.train-list .fl-time{float: left; width: 200px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;
}
.train-list .fl-file{
  color: #55E4C2; float: right; width: 100px; text-align: right;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #55E4C2;}
.mulu{
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 46px;
  color: #222222; padding:  20px 0;
}
.train-con-list .t-tit h3 {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
  float: left;
}


.train-con-study{
  border-bottom: 4px solid #F5F5F5;
  height: 80px;
  line-height: 40px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.train-con-study .step{
  width:90%;
  height: 16px;
  background: #F5F5F5;
  margin-top: 10px;
  border-radius: 14px; position: relative;
}
.train-con-study .process{
  position: absolute; left: 0px;top: 0px;
  width: 10%;
  height: 16px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 14px;
}

.mulu .more{
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 75px;
  color: #777777;
}
.pay-list{
  height: 200px;
  border-bottom: 4px solid #F5F5F5;
}

.pay-list li{
  width: 220px;
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 14px;
  float: left; margin-right: 28px;
  justify-content: center; align-items: center; display: flex;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.pay-list li.cur { background: #e0f7fd;

}
.pay-list li .pic {
  height: 54px; margin-right: 20px;
}
.mt90{ clear: both; height: 90px;}
.pay-detail{
  margin-top: 60px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 56px;
  color: #222222;
  display: flex; justify-content: center; align-items: end;
}
.pay-detail .price{
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 56px;
  color: #F62B2B;
}
.pay-detail .price b{
  font-size: 18px;
  font-weight: normal;
}

.train-play-main{
  width: 1252px;
  height: 100%;
  border-radius: 6px;
  display: inline-block;
  background: #FFFFFF;}

.train-play-main .t-tit{ padding: 28px; }
.fanhui{
  display: inline-block;
  text-align: center; justify-content: center;align-items: center; display: flex;
  width: 200px;
  height: 40px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 8px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.t-tit .bt{
  text-align: center; width: 800px; display: inline-block;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #222222;
}

.play-area{
  width: 1040px;
  height: 648px;
  background: #000000;
}
.play-list { width: 210px; padding: 5px;}
.play-list li{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 31px;
  color: #222222;
  line-height: 50px;
  overflow: hidden;
}
.play-list li.li2{
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;
}

.play-list li .pic{
  margin-top: 10px;
}

.test-con{
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #FFFFFF;
  margin: 0 auto;
}

.test-con-list h1{
  text-align: center;
  font-size: 39px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 56px;
  color: #222222;
  padding: 40px;
  padding-bottom: 0px;
}

.test-con-list h4{
  text-align: center;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #222222;
  padding: 14px;
}
.test-con-list h4 label{ margin-right: 20px;}


.test-c-info{ border-top: 6px solid #ddd; position:relative; padding-bottom: 30px;  }

.timu{ width: 300px;
  margin: 0 auto; padding-top: 70px;}
.timu p{  clear: both; height: 60px; line-height: 60px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.timu p .fr{
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
 }

.test-btn{ text-align: center;}
.test-btn button{
  height: 40px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 6px;
}


.arr-area{
  position: absolute;left: 0px; top: 0;
  width: 335px;
  height: 821px;
  background: #FFFFFF;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
  opacity: 1;
  border-radius: 0px 22px 22px 0px;
}
.arr-area ul{ padding: 28px;}
.arr-area li{
  line-height: 60px;
  height: 60px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;}
.arr-area li label{
  float: right;
}

.arr-area .arrow-ll{
  margin-right: -56px; top: 30px;
}

.red{color: #F65151;}
.green{ color: #55E4C2;}

.test-tit{
  position: relative; height: 110px; padding-top: 30px;
  border-bottom: 4px solid #ddd;
}
.test-tit .fl{ position: absolute; top: 50px; left: 40px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #222222;
}
.test-tit h1{
  padding: 0px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 80px;
  color: #55E4C2;
}

.test-tit .fr{
  position: absolute;
  top: 40px;
  right: 40px;
  width: 100px;
  height: 40px;
  background: #55E4C2;
  opacity: 1;
  border-radius: 8px;
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.test-c-area{ height: 995px;}
.test-left{ width: 309px; float: left; border-right: 1px solid #ddd; height: 100%; padding: 30px;}
.test-left h3{ font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #222222;}
.test-left h3 label{
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #777777;
}

.test-left .bt2{font-size: 22px; margin-top: 26px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 31px;
  color: #222222;}

.test-left .ta{font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 31px;
  color: #222222;}

.test-left .ta a{
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
  border-radius: 3px;
  display: inline-block;
  margin: 10px;
}
.test-left .ta a:nth-child(5n){ margin-right: 0px;}

.test-left .ta a.cur{background: #55E4C2;
  border: 1px solid #55E4C2;
  color: #FFFFFF;}
.test-left .ta a.error{
  background: #FF6D6D;
  border-radius: 3px;
  border: 1px solid #FF6D6D;
  color: #FFFFFF;
}

.test-right{ padding: 40px 112px; width: 942px; float: right;}
.test-right h3{ font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 42px;
  color: #222222;}
.test-right h3 label{
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #777777;
}

.k-tit{ margin-top: 42px; font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 31px;
  color: #222222;
}

.test-right .tt1{ margin-top: 20px; height: 56px; line-height: 56px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
}
.test-right .tt1 .el-radio__label {
  font-size: 22px;
  padding-left: 10px;
}
.test-right .tt1  .el-radio__inner {

  width: 28px;
  height: 28px;
}
.test-right .tt1  .el-checkbox__inner {
  width: 28px;
  height: 28px;
}
.test-right .tt1  .el-radio__inner::after {
  width: 10px;
  height: 10px;
}


.error .el-radio__input .el-radio__inner {
  border-color: #FF6D6D;
  background: #FF6D6D;
}
.test-right .error   .el-radio__inner::after {
  width: 10px;
  height: 10px;
  background: #FFFFFF; display: inline-block;
}


.ri-ok .el-radio__input  .el-radio__inner {
  border-color: #55E4C2;
  background: #55E4C2;
}


.txt-l{ text-align: left;}
.chengji{
  margin: 20px auto;
  padding: 0 86px;
  background:  url("/static/img/cj-bg.png") no-repeat  0px  0%; background-size: 100% auto;
  width: 536px;
  height: 578px; }

.chengji h3{
  padding-top: 30px;
  text-align: center;
  font-size: 40px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 70px;
  color: #222222;

}
.chengji h4{
  text-align: center;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #777777;
  padding: 0px;
}

.chengji ul{
  height: 200px; text-align:center;
}
.tx-tj li{ width: 50%; float: left;  }
.tx-tj li h1{  display: flex; align-content: center;align-items: center;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 56px;
  color: #222222;

}
.tx-tj li h1 img{ margin-right: 10px;}
.tx-tj li p{
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 56px;
  color: #222222;
}

.chengji .t-name{
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 56px;
  color: #777777;
  text-align: left;
  margin-top: 0px;
  padding-top: 0px;
}
.chengji .tx-df{ height: 100px; text-align:left; padding: 20px 0;  }
.chengji .tx-df li{
  width: 50%;
  float: left;
  line-height: 30px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #777777;}


.h90{ height: 90px;}
.btn-see{
  margin: 0 auto;
  line-height: 46px;
  background: linear-gradient(34deg, #B1ADFF 0%, #76A6F5 100%);

  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  text-align: center;
  color: #FEFEFE;

  width: 120px;
  height: 46px;
  background: linear-gradient(34deg, #B1ADFF 0%, #76A6F5 100%);

  border-radius: 58px;
}


/************/
.container_login {
  width: 100%;
  height: 100vh;
  background: url(/static/img/login_bg.png) no-repeat center;
  background-size: 100% 100%;
}
.login-wrap {
  margin: auto;
  width: 1200px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.login-left {
  flex: 1;
  position: relative;
}
.login-ad {
  width: 500px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.login-ad img {
  width: 100%;
}

.login-right {
  width: 500px;
  position: relative;
}
.login-box {
  width: 100%;
  position: absolute;
  top: 50%;
  padding: 50px;
  transform: translate(0, -50%);
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.login-box .login-title {
  color: #004161;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.login-box .login-con {
  width: 400px;
  margin: auto;
}
.login-box .bkb{
  margin-top: 20px;
  width: 140px; line-height: 40px;
  height: 40px; padding-left: 40px;
  border-radius: 10px 0px 0px 10px;
  background:#55E4C2 url(/static/img/bkb_login.png) no-repeat 10px 50%;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  float: right;
  margin-right: -50px;
}
.login-box  .con-item {
  display: flex;
  margin-bottom: 20px;
  position: relative;
}
.login-box .item-ipt {
  flex: 1;
  text-align: center;
  color: #AAAAAA;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  width: 460px;
  height: 66px;
  background: #FFFFFF;
  border: 2px solid #EEEEEE;
  border-radius: 33px;
  overflow: hidden;
}
.login-box .login-ipt-img{
  width: 16px;
  margin-left: 42px;
  margin-top: 24px;
}

.login-box .login-ipt {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  border: 0px;
  color: #222222;
  display: flex;
  justify-content: center;
  align-content: center;
}
.login-box .item-check{
  flex: 1;
}
.login-box .forget-pwd-btn{
  color: #222222;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.login-box .login-btn {
  display: block;
  margin: 10px auto;
  width: 100%;
  height: 60px;
  border-radius: 50px;
  background-color: #55E4C2;
  border: #55E4C2;
  font-size: 26px;
}
.login-box .login-method-tit{
  height: 40px;
  border-top: 2px solid #F5F5F5;
  padding: 40px; text-align: center;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #AAAAAA;
}
.login-box .login-other {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
}
.login-box .login-method{
  width: 60px;
  height: 60px;
  margin: 0 50px;
  cursor: pointer;
}

.forget-pwd {
  width: 100%;
  position: absolute;
  top: 50%;
  padding: 50px;
  transform: translate(0, -50%);
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.code-btn{
  position: absolute;right: 6px;top: 6px;
  width: 116px;
  height: 54px;
  background: #55E4C2;
  border-radius: 25px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  border: 0;
}

.login-ipt-img{
  width: 16px;
  margin-left: 42px;
  margin-top: 24px;
}

.login-ipt {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  border: 0px;
  color: #222222;
  display: flex;
  justify-content: center;
  align-content: center;
}

.container_login .el-input__inner {
   margin-left: 40px;
   height: 64px;
   width: calc(100% - 40px);
   border: 0px;
   line-height: 64px;
 }
.container_login .el-input__inner &::placeholder {
   color: #999;
   font-size: 18px;
 }
.container_login .el-input__inner .el-input__prefix{

}

/* 设置选中后的文字颜色 */
.container_login .myRedCheckBox .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #606266;
}
/* 设置选中后对勾框的边框和背景颜色 */
.container_login  .myRedCheckBox .el-checkbox__input.is-checked .el-checkbox__inner, .myRedCheckBox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #55E4C2;
  background-color:#55E4C2;
}
/* 设置checkbox获得焦点后，对勾框的边框颜色 */
.container_login  .myRedCheckBox .el-checkbox__input.is-focus .el-checkbox__inner{
  border-color: #55E4C2;
}


.forget-pwd {
  width: 100%;
  position: absolute;
  top: 50%;
  padding: 50px;
  transform: translate(0, -50%);
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.forget-pwd .item-switch{
  width: 100%; text-align: right;
}
.forget-pwd .item-tip{ width: 100%; text-align: center;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #F6402B;
}
.forget-pwd .item-ipt {
  flex: 1;
  text-align: center;
  color: #AAAAAA;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;

  width: 460px;
  height: 66px;
  background: #FFFFFF;
  border: 2px solid #EEEEEE;
  border-radius: 33px;
  overflow: hidden;
}

.login-wrap .login-right .forget-pwd .login-title  {
  color: #004161;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

.login-wrap .login-right .forget-pwd .login-con .con-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  position: relative;
}

.con-item  .code-btn{
  position: absolute;right: 6px;top: 6px;
  width: 116px;
  height: 54px;
  background: #55E4C2;
  border-radius: 25px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  border: 0;
}
  .con-item .login-btn  {
  display: block;
  margin: 10px auto;
  width: 100%;
  height: 60px;
  border-radius: 50px;
  background-color: #55E4C2;
  border: #55E4C2;
  font-size: 26px;
}

  /****************/
a:link{  text-decoration: none;}
.main-index {
  width: 100%;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
}
.main-index  .main-top-center{ width: 1252px; margin: 0 auto;}
.main-index .index-head {
  width: 200px;
  float: left;
  display: flex;
}
.main-index .index-item{
  height: 100%;
  font-size: 28px;
  font-weight: bold;
  line-height: 50px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}
.index-img {
  padding: 14px;
  margin-left: 10px;
}
.index-img img{
  height: 30px;
  width: 22px;
}
.user-info {
  float: right;
  font-size: 16px;
  line-height: 50px;
  color: #FFFFFF;
  opacity: 1;
  display: flex;
}
.top-kc{ margin-right: 30px;}
.user-info .user-img {
  margin-left: 20px;
  margin-top: 10px;
  cursor: pointer;
  height: 32px;
  width: 32px;
}
.user-info .user-img img{
  height: 32px;
  width: 32px;
}
.container_login .el-dropdown-menu {
  width: 120px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 10px;
  transform: translateY(-20px);
}
.container_login .el-dropdown + .el-dropdown {
  margin-left: 15px;
}
.container_login .el-icon-arrow-down {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #222222;
  opacity: 1;
}
.close-img{ position: absolute; right: 10px; top: 10px; cursor: pointer;}
.close-img img{width: 32px; height: 32px;}
.container_login  .el-avatar>img{ width: 32px; height: 32px;}


.index {
  width: 100%;
  height: 100%;
  position: relative;
}
.main {
  margin-top: 180px;
}
.main-top {
  width: 820px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mr0{ margin-right: 0px;}
.con-menu {
  width: 400px;
  height: 224px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
}
.con-menu .menu-item{
  font-size: 50px;
  line-height: 60px;
  color: #222222;
  opacity: 1;
}
 .main-bottom {
  width: 820px;
  margin: 24px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
 .main-bottom .con-menu {
  width: 274px;
  height: 194px;
  background: #FFFFFF;
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
 .main-bottom .con-menu .menu-item{
  font-size: 40px;
  line-height: 48px;
  color: #222222;
}
  .main-bottom .con-menu2 {
  width: 280px;
  height: 194px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
  .main-bottom .con-menu2 .menu-item{
  font-size: 40px;
  line-height: 48px;
  color: #222222;
}

 .main-bottom   .con-menu3 {
  width: 220px;
  height: 194px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
 .main-bottom   .con-menu3 .menu-item{
  font-size: 40px;
  line-height: 48px;
  color: #222222;
}


.msglist {
  margin: 10px auto;
  width: 1252px;
  height: calc(100% - 100px);
  background: #FFFFFF;
  border-radius: 6px
}
.msglist .tit{
  padding-left: 100px;
  padding-right: 17px;
  height: 70px;
  line-height: 70px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
}
.msglist .go-back {
  cursor: pointer;
  float: right;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 70px;
  color: #222222;
  padding-left: 40px;
  background: url(/static/img/go-back.png) no-repeat center left;
}
.msglist .main-conn{  height: calc(100% - 150px); }
.msglist table{
  width: 100%;
  border: 0px;
}
.msglist .ml100{ padding-left: 100px;}
.msglist th{
  text-align: left;
  height: 50px;
  line-height: 50px;
  border: 0;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #222222;
  background: #EEEEEE;}

.msglist td{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 50px;
  color: #222222;
}
.msglist .see{
  width: 40px;
  height: 24px;
  background: #55E4C2;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  display: block;
  text-align: center;
  color: #ffffff;
  cursor:pointer;
}

.w1040{ width: 1040px;}
.w200{ width: 200px;}
